<template>
    <div id="all">
      <el-container>
  <el-aside width="210px">
    <left-nav></left-nav>
  </el-aside>
  <el-container>
    <el-header>
      <headers-com></headers-com>
    </el-header>
    <el-main>
      <router-view/>
    </el-main>
  </el-container>
</el-container>
    </div>
</template>
  
  <script>

import leftNav from '@/components/leftNav/leftNav.vue'
import headersCom from '@/components/hedersCom/headersCom.vue'

  export default {
    name: 'Rooms',
    components: {
      leftNav,
      headersCom
    },
    data() {
      return {
       
      }
    },
    created(){
        
    },
    methods:{
       
      
    }



  }
  </script>
  <style lang="scss" scoped>
  $allbackcolor: rgba(11,44,108,1);
  $selectcolor: rgba(1,18,67, 1);
  $selectco: rgb(14, 28, 68);

  #all{
    background-color: $allbackcolor;
  }
  .el-header{
    padding: 0;
  }


</style>